<script setup>
import { ref } from 'vue'
import bus from '../utils/bus'


const msg = ref('一包辣条')
const num = ref(0)

bus.on('a', (val) => {
    console.log('组件2 接收到信息了' + val.value);
    num.value = val.value
   
})
function btnClick(){
    bus.emit('buypro', msg)
}

// 监听所有事件用的，type事件名称，e就是参数
bus.on('*', (type, e) => console.log(type, e))
// 清除所有事件监听
// bus.all.clear()
</script>
<template>

    <div>
        <h1>组件 2 - {{ msg }} ---- {{ num }} </h1>
        <button @click="btnClick">点击发给组件1</button>
    </div>

</template>
<style scoped>
div {
    width: 80%;
    height: 100px;
    border: 10px solid blue;
}
</style>